
 i,em{font-style:normal;}
                .topWrap {background:url(../images/tpbg.jpg) repeat-x center top;font-family: "Microsoft Yahei";  height: 174px; position: relative; overflow: hidden;}
                .header { width: 1400px; margin:0 auto;  }
                .twz { height: 40px; color: #999999; line-height: 40px; font-size: 14px;}
                .twz a { display: inline-block;  color: #999999; position: relative;padding:0 18px; }
                .twz a:nth-child(1){border-left: 1px solid #ebebeb;}
                .twz a:nth-child(3){border-right: 0;}
                 .h_nr { height: 134px; overflow: hidden; box-sizing: border-box; }
                .logo { width:50%; height:auto; overflow: hidden; box-sizing: border-box;}
                .logo img { display: block; }
                .h_nr h2 {padding-left: 42px;margin-top: 15px; width: 400px; float: left; font-size: 22px; color: #222; font-weight: bold; text-align: left; line-height: 25px; }
                .h_nr h2 b{color: #222222; font-size: 18px; font-weight: normal; display:  block; }

                .h_nr .sc{background: url(../images/tel.png) no-repeat left 33px; float: right; box-sizing:border-box; width:23%; padding-left:62px ;padding-top: 27px; }
                .h_nr .tel1,.h_nr .tel2{ display: block; line-height: 28px; height: 30px; }
                .h_nr .tel1 p {overflow: hidden; float: left;color: #ce0000;font: 26px "Arial";  font-weight: bold; }
                .h_nr .tel2 p {overflow: hidden; float: left;color: #ce0000;font: 18px "Arial";  font-weight: bold; letter-spacing: 1px; }
                .navbg{ height: 60px; background: #161616;}
                .nav{width: 1300px;margin:0 auto;}
                .nav ul{  height: 60px; width: 100%;}
                .nav li { float: left;height: 60px; line-height: 60px; position: relative; margin:0 3%;}
                .nav li a { text-decoration: none; color: #fff; font-size: 16px; display: inline-block; padding:0 30px; position: relative;z-index: 2; }
                .nav li:after{content:'';position:absolute;height:100%;width:0;background:#ce0000;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;color: #fff; z-index: 1;}
                .nav li:hover:after,.nav li.cur:after{width:100%;color: #fff;z-index: 1;}
                .nav li.nones:hover a:after{ background: none; }
                .nav li a:hover, .nav .cur a { font-weight: normal; text-decoration: none;  color: #fff;}
                .h_head_gd{filter:alpha(opacity=100);opacity:1; position:fixed; top:0px; width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)-0); z-index:10; left:0; transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}

            
       
            .fullSlide{min-width:1500px;position:relative;height:680px;overflow:hidden;}
            .fullSlide .bd{position:relative;z-index:0;}
            .fullSlide .bd ul{width:100%!important;}
            .fullSlide .bd li{width:100%!important;height:670px;overflow:hidden;text-align:center;}
            .fullSlide .bd li  img{ position:absolute; top:0; left:50%; margin-left:-960px;}
            .fullSlide .hd{width:1500px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:20px;overflow:hidden;}
            .fullSlide .hd ul{margin-left:578px;}
            .fullSlide .hd ul li{float:left;margin:0 5px;display:inline;cursor:pointer;}
            .fullSlide .hd ul li{width:15px;height:15px;background:#000; border-radius:100%;}
            .fullSlide .hd ul .on{background:#ce0000;}
        
  .ty-banner-1 {overflow: hidden;line-height: 0;text-align:center;}
  .ty-banner-1 img{visibility: hidden;}
  .ty-banner-1 img.show{visibility: visible;}
  
.footer{padding:1.2% 0 2% 0;background-color: #333;}
.container {padding-right: 15px; padding-left: 15px;margin-right: auto; margin-left: auto; overflow: hidden;}
.footer .foo_logo{float: left;}
.footer .foo_right{ width:60%;float: right; margin-top:30px;}
.index_contact li{display: inline-block; margin-left:20px;}
.index_contact li a{color: #d3d3d3;}
.index_contact li p{ display: inline-block;line-height: 40px; vertical-align: top; color: #d3d3d3;letter-spacing:0;}
.foo_bottom{ background-color: #333;}
.foo_bottom .container{text-align: center;}
.foo_bottom a{margin:0 20px; line-height: 40px;display: inline-block; color: #d3d3d3; font-size:14px;letter-spacing: 0;}


/*内页*/
/*about*/

.about{}
.about_bg{padding:5% 6%;}
.about_top{display: flex; -ms-align-items: center; /*align-items: center;*/}
.about_top .img{width: 40%;margin-right: 5%;}
.about_top .about_cont{ width: 55%;}
.about_top .about_cont h1{color: #000;padding-bottom: 3%;margin-bottom: 3%;}
.about_top .about_cont .cont{color: #666666;line-height: 28px;}


.about_top .about_sale{ width: 100%;}
.about_top .about_sale h1{padding-bottom: 3%;margin-bottom: 3%;}
.about_top .about_sale .cont{color: #666666;line-height: 28px; margin-top:30px;}


/*pro*/
.public{ background-color: #fff; }
.about_bars{display: flex;padding-top: 50px; width:20%; float:left;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;}
.about_bars span{ width:100%; height:100px; font-size:30px;background: #ce0000;color: #fff; line-height:100px; text-align:center; font-weight:bold; }
.about_bars .item{color: #333;width: 100%;line-height: 50px;font-size: 15px;text-align: center;text-align: center;background: #e8e8e8;margin:3px 0; letter-spacing:0;}
.about_bars .item.hover,
.about_bars .item:hover{color: #ffffff;background: #ce0000;}

.product{padding: 5% 0px; height:auto; overflow:hidden; float:right; width:78%}
.product ul{margin:0 auto;     display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.product ul li{padding:10px; width:29%; float:left;height:auto; overflow:hidden; border:#d2d2d2 solid 1px; margin:10px;
transform:translateY(-3px);
	-webkit-transform: translateY(-3px);
	box-shadow: 0 0 10px rgba(115,115,115,.2);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	background-color:#fff;}
.product ul .img{padding: 3%;background-color: #fff;overflow: hidden;}
.product ul img{ transition: all ease-in-out 0.3s; width:100%;}
.product ul h1{text-align: center;font-size:16px; padding: 6% 0; font-weight:100;}
.product ul a{display: block;}
.product ul a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.product ul a:hover h1{color: #0871bd;}

.pro_bg{padding: 5% 0px; height:auto; overflow:hidden; float:right; width:78%;}

/*page*/
.cc_botton {text-align: center;overflow: hidden;margin-top: 30px;margin-bottom: 30px;}
#pagination {overflow: hidden;display: inline-block;}
#pagination>div{float: left;}
#page_left_botton a,
#page_left_botton span{display: inline-block;padding:0 10px;line-height: 30px; border: 1px solid #ccc;margin:0 5px;cursor: pointer;}
#page_left_botton a:hover,
#page_left_botton a{background-color: #e60a19;color: #fff;}
#page_center_botton{display: none;}

.page1 { width:100%; height:auto; line-height:30px; font-size:14px;color:#555555;}
.page1 a{ line-height:30px; font-size:14px; color:#555555; }

/*contact*/
.contact{padding:2% 0;}
.ab_type{padding-top:0;}
.ab_type h1{text-align: center;font-size: 2.2rem; padding:1% 0;}
.ab_type h2{text-align: center;font-size:1rem;font-weight:100;}
.info{ padding: 3% 0 0 0;}
.info ul{overflow: hidden;}
.info li{width:90%;margin: 5px 0;}
.info .info_con{ text-align:left;padding-left:60px; line-height:57px;}
.info .info_con1{ background: url(../images/c1.png) no-repeat left center;}
.info .info_con2{background: url(../images/c2.png) no-repeat left center;}
.info .info_con3{background: url(../images/c3.png) no-repeat left center;}
.info .info_con4{background: url(../images/c4.png) no-repeat left center;}
.info .info_con5{background: url(../images/c5.png) no-repeat left center;}
.info .info_con6{background: url(../images/c6.png) no-repeat left center;}
.info li p{font-size:16px;color: #444;}
.info h3{ font-weight:100; font-size:18px; color:333;}
.contact_cont{padding-bottom: 4%;}
.contact_cont ul{display: flex;justify-content: space-around;}
.contact_cont ul li{font-size:15px;color: #333; line-height:30px;}

/*liuyan*/
.drop-message_new{ width:99%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:50px;padding: 30px; }
.drop-message{ width:55%; height:580px; float:left;}
.drop-message p{ line-height:30px; font-size:16px;}
form {display: block;margin-top: 0em;}
#form_request1 .half+.half {margin-left:0;}
#form_request1 .half {width: 46%;float: left;}
element.style {}

#form_request1 input {width: 93%;font-size: 14px;margin-top: 5px; padding: 5px 10px 5px 45px;line-height: 26px;position: relative;margin-bottom: 15px; }
.form-name { background-image: url(../images/name.png);background-repeat: no-repeat; background-position: 8px center;}
.form-email {background-image: url(../images/email.png); background-repeat: no-repeat;background-position: 8px center;}
.form-phone {background-image: url(../images/phone.png);background-repeat: no-repeat;background-position: 8px center;}
.form-checkcode {background-repeat: no-repeat;background-position: 8px center;}
.form-message {background-image: url(../images/message.png);background-repeat: no-repeat; background-position: 8px 10px;}
#form_request1 .half_c{width: 15%;}

#form_request1 textarea {width: 96%;font-size: 14px; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px 5px 45px;line-height: 26px; position: relative; border:#CCC solid 1px;}
button, input, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
#form_request1 .input {width: 220px;background: #e00000;color: #fff;margin-top: 10px;padding-top: 8px;padding-bottom: 8px; padding-left: 10px;display: block;float: none;
cursor: pointer;font-size: 16px;font-weight: bolder;}
textarea {font-family: monospace;border-color: rgb(169, 169, 169);}
input { -webkit-appearance: textfield;background-color: white; -webkit-rtl-ordering: logical;cursor: text; padding: 1px;
    border-width: 1px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {-webkit-writing-mode: horizontal-tb !important;}

@media (max-width: 768px){
.drop-message_new{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:50px;background: #f2f2f2;border-radius: 10px;padding: 30px;}
.drop-message{ width:98%; height:580px; float:left;}
.drop-message p{ line-height:30px; font-size:15px;}
form {display: block;margin-top: 0em;}
#form_request1 .half+.half {margin-left:0;}
#form_request1 .half {width: 100%;float: left;}
element.style {}
#form_request1 .half_c{width: 50%;}
#form_request1 .half {width: 100%;float: left;}
#form_request1 input {width: 100%;float: left;font-size: 14px;margin-top: 5px; padding: 5px 10px 5px 45px;line-height: 26px;position: relative;margin-bottom: 15px; }
.form-name { background-image: url(../images/name.png);background-repeat: no-repeat; background-position: 8px center;}
.form-email {background-image: url(../images/email.png); background-repeat: no-repeat;background-position: 8px center;}
.form-phone {background-image: url(../images/phone.png);background-repeat: no-repeat;background-position: 8px center;}
.form-message {background-image: url(../images/message.png);background-repeat: no-repeat; background-position: 8px 10px;}
#form_request1 textarea {width:100%;font-size: 14px; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px 5px 45px;line-height: 26px; position: relative; border:#CCC solid 1px;}

#form_request1 .input {width: 220px;background: #ff9900;color: #fff;margin-top: 10px;padding-top: 8px;padding-bottom: 8px; padding-left: 10px;display: block;float: none;
cursor: pointer;font-size: 16px;font-weight: bolder;}
#form_request1 img{ margin:0; width:auto;}
}


/*news*/

.newslist{padding: 5% 0px; height:auto; overflow:hidden; float:right; width:78%;}

.newslist a{display:block; border-bottom:1px solid #dadada; padding:25px 0; overflow:hidden; width:100%;transition:background 0.5s;}
.newslist a span{float:left; display:inline-block; width:95%; padding:0 0 0 2%; line-height:26px;}
.newslist a span h1{ font-size:16px; overflow: hidden; text-overflow: ellipsis;letter-spacing:0px;}
.newslist a span h2{ font-size:14px; font-weight:normal; color:#b7b7b7; }
.newslist a span h2>span { float: right; width: auto; padding: 0; }
.newslist a span h3{ font-size:14px; font-weight:normal; line-height: 1.5em; color:#888; max-height: 4.5em; overflow: hidden; text-overflow: ellipsis;}
.newslist a:hover{background:#dadada}
.newslist a:hover h1{color:#222;}
.newslist a:hover h2{color:#888;}
.newslist a:hover h3{color:#666;}


.showTitle{padding:0 0 15px 0;font-size:20px;line-height:35px; font-weight:bold; text-align:center;}
.showInfo{color:#999; font-size:14px;line-height:20px; padding:0 0 30px 0;border-bottom:2px solid #d8d8d8;text-align:center;}

